<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Dili Web Components</title>
  <script src="./others/libs/webcomponents/custom-elements.min.js"></script>
  <script src="./others/libs/webcomponents/shadydom.min.js"></script>
  <script src="../dist/oan.umd.js"></script>
  <link rel="stylesheet" href="css/styles.css">
  <link rel="stylesheet" href="css/mifa.min.css">

  <link rel="import" href="components/di-li.html">
  <link rel="import" href="components/d-header.html">
  <link rel="import" href="components/d-footer.html">
  <link rel="import" href="components/di-da.html">
  <link rel="import" href="angular-demo/dist/angular-demo/index.html">
  <link rel="import" href="react-demo/build/index.html">
</head>
<body>
<d-header></d-header>
<div class="container">
  <di-li (click)="world()" [draggable]="true" [text3]="'import'">
  </di-li>
  <di-da></di-da>
</div>

<div id="root"></div>
<d-footer>
  <app-root></app-root>

</d-footer>
</body>
</html>
